<html>

<head>
	<title>KeePass - Popup</title>
	<link rel="stylesheet" href="popup.css" />
	<link rel="stylesheet" href="../bootstrap-btn.css" />
	<script type="text/javascript" src="../browser-polyfill.min.js"></script>
	<script type="text/javascript" src="../jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="popup_functions.js"></script>
	<script type="text/javascript" src="popup_remember.js"></script>
	<script src="../translate.js" defer></script>
	<style type="text/css">
		.credentials {
			display: none;
			border-top: 1px solid #333;
		}

		.connected-database {
			display: none;
			font-size: 85%;
			color: #787878;
		}

		.credentials .username-new {
			display: none;
		}

		.credentials .username-exists {
			display: none;
		}

		.small {
			font-weight: bold;
		}

		.small .normal {
			font-weight: normal;
		}
	</style>
</head>

<body>
	<div class="buttons">
		<p>
			<span data-i18n="userInfoChange"></span>
		</p>
		<p>
			<button id="btn-new" class="b2c-btn b2c-btn-success"><span data-i18n="New"></span></button>
			<button id="btn-update" class="b2c-btn b2c-btn-warning"><span data-i18n="Update"></span></button>
			<button id="btn-dismiss" class="b2c-btn b2c-btn-danger"><span data-i18n="Dismiss"></span></button>
		</p>
	</div>

	<div class="connected-database">
		<p><span data-i18n="savedInDatebase"></span></p>
	</div>

	<div class="credentials">
		<p class="username-new"><span data-i18n="savedUserNameNew"></span></p>
		<p class="username-exists"><span data-i18n="savedUserNameExists"></span></p>
		<p>
			<span data-i18n="chooseUpdate"></span>
		</p>
		<ul id="list"></ul>
	</div>
</body>

</html>